<template>
	<view class="page-container">
		<u-search
			v-model="keyword"
			placeholder="搜项目"
			shape="square"
			:showAction="false"
		></u-search>
		<u-tabs :list="tabsList" :scrollable="false"></u-tabs>
		<u-empty text="页面建设中"></u-empty>
	</view>
</template>

<script>
export default {
	data() {
		return {
			keyword: '',
			tabsList: [
				{
					key: 'all',
					name: '全部项目',
				},
				{
					key: 'process',
					name: '已收藏',
				},
				{
					key: 'mission',
					name: '最近浏览',
				},
			],
		}
	},
	onLoad() {
		this.$store
			.dispatch('getLoginInfo')
			.then(() => {
				//
			})
			.catch(() => {})
	},
	onShow() {
		this.$store
			.dispatch('getLoginInfo')
			.then(() => {
				//
			})
			.catch(() => {})
	},
	computed: {
		// 在线状态
		isOnline() {
			return this.$store.getters.isOnline
		},
	},
	methods: {
		//
	},
}
</script>

<style lang="scss" scoped>
page {
	background-color: #fff;
}

.page-container {
	margin-top: var(--status-bar-height);
}
</style>
